<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<!--关键词和描述-->
	<title>未分类项</title>
	<!--下面是 公共的css-->
	<link href="__ROOT__/static/css/bootstrap.min.css" rel="stylesheet" />
	<link href="__ROOT__/static/note/index/css/common.css" rel="stylesheet" />
	<!--下面 每个页面的特色css-->




</head>

<body>


	<pre>
			/*
			*公共css 线条 bady字体，颜色，留边
			*/
			
			body {
				font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
				color: #666;
				margin:2px;  /**这是手机的留边*/
			}
			.a{
				border:1px solid blue;
			}
			.b{
				border: 1px solid yellow;
			}
			
			
			/**
			*封装线条
			*/
			.divider{
				width:100%;
				height:10px;
				background-color: #f1f1f1;
			
				box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)inset;
			  }
			
			
			/*没有小于768px，是因为Bootstrap3以移动端优先设计*/
			
			/* 小屏幕（平板，大于等于768px） */
			@media (min-width: 768px) {
			
			}
			
			/* 中等屏幕（桌面显示器，大于等于992px） */
			@media (min-width: 992px) {
			
			}
			
			/* 大屏幕（大桌面显示器，大于等于1200px） */
			@media (min-width: 1200px) {
				
				.a{
					border:1px solid orchid;
				}
			}
</pre>


	<!--下面是 公共的js-->
	<script src="__ROOT__/static/js/jquery.min.js"></script>
	<script src="__ROOT__/static/js/bootstrap.min.js"></script>
</body>

</html>